﻿/*@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Josefin+Slab);
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
@import url(http://fonts.googleapis.com/css?family=PT+Sans);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);*/
@import url(http://fonts.googleapis.com/css?family=Ubuntu);

body {
    /*font-family: 'Droid Sans','PT Sans','Ubuntu','Josefin Slab', Arial;*/
    font-family: 'Ubuntu', Segoe UI, Arial;
    background: #151618 !important;    
}

.custom-font {
    font-family: 'Ubuntu', Segoe UI, Arial;
}

.form-container, .output-container {
    background-color: #1b1a18;
}

.center-container {    
}

iframe {
    width: 100%;
    border: none;
}

.iframe-holder    
{
    height: auto;
    margin-top: 10px;
    background-color: white;
    margin-left: 10px;
    margin-right: 10px;
}
  
.form-container  
{
    width: 100%;
    float: left;      
}

#html-container, #css-container {
    float: left;
    width: 49.5%;
    padding-top: 10px;
    padding-left: 2px;   
    padding-right: 2px;
    min-height: 200px;
    
}
  
.output-container {
    width: 100%;
    height: auto;
    float: left;      
}

.main {
    width: 100%;    
}
  
.form-container textarea {
    width: 90%;
    height: 220px;
    spellcheck: false;
    contenteditable: true;
    font-family: 'Open Sans', sans-serif;
}

textarea
{
   resize: none;
    spellcheck: false;
    contenteditable: true; 
   font-family: 'Open Sans', sans-serif;
}

textarea{
	/*background-image: url('http://css-tricks.com/examples/StyledTextArea/bg.gif');*/
	background-position: bottom right;
	background-repeat: no-repeat;
}

.newFooter {
    width: 100%;
    color: white;      
    margin-top: 10px;       
}

.newFooter a:hover
{
    border-bottom: 1px dotted white;
    text-decoration: none;    
}

.bottompadding {
    padding-bottom: 10px;
}

